
body
{
	background-color: #FEFEFE;
}

/*header*/
.header
{
	background-color: #333333;
	padding: 5px;
}

	.header h1
	{
		color: white;
		font-size: 2em;
	}
	
/*utils*/
.clearBoth
{
	clear: both;
}

/*topMenu*/
.topMenu
{
	margin-bottom: 15px;
	height: 25px;
	background-color: #EEEEEE;
	border-bottom: 3px solid #DDDDDD;
	position: absolute;
	z-index: 100;
}

/*links*/
	.links a
	{
		display: block;
		padding: 5px;
		width: 100px;
		text-align: left;
		text-decoration: none;
		color: #333333;
		border-right: 1px solid #BBBBBB;
		background-color: #EEEEEE;
		font-size: 0.8em;
		text-indent: 5px;
	}
	
	.links a:hover
	{
		background-color: #FEFEFE;
		color: #999999;
	}

	
/*horizontal*/
	.horizontal li
	{
		float: left;
	}

	
/* vertical*/
.vertical
{
	display: none;
}

	.vertical li
	{
		clear: both;
		float: none;
	}


.mainScreen
{
	width: 100%;
	height: 600px;
	background-color: white;
	clear: both;
}
	

		
	/*data list*/
	.dataList
	{
		overflow: auto;
		height: 10px;
		margin-top: 10px;
	}
	
		.dataList li a
		{
			display: block;
			padding: 4px;
			font-size: 0.8em;
			text-decoration: none;
			text-indent: 5px;
			color: #666666;
		}
		
		.dataList li a:hover
		{
			font-weight: bold;
		}
		
		.dataList li .selected
		{
			font-weight: bold;
			color: white;
			background-color: #999999;
		}
	
		.dataList li:nth-child(2n)
		{
			background-color: #FEFEFE;
		}
		
			

	/* library */
	.library
	{
		border-top: 2px solid #DDDDDD;
		border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #CCCCCC;
		background-color: #EEEEEE;
		padding: 1px;
		width: 300px;
		height: 600px;
		position: absolute;
		z-index: 10;
		top: 100px;
		left: 0px;
	}

		/*preview canvas*/
		.library .preview
		{
			background-color: #FEFEFE;
			height: 150px;
		}
		
		.library .dataList
		{
			height: 400px;
		}

/*uiContainer*/
	.uiContainer
	{
		height: 600px;
		width: 800px;
		padding: 2px;
		border: 1px solid #EEEEEE;
		background-color: #F9FCFE;
		position: absolute;
		top: 100px;
		left: 300px;
		z-index: 10;
	}
	
		.uiContainer canvas
		{
			position: absolute;
		}
	

	.layersWindow
	{
		border-top: 2px solid #DDD;
		border-bottom: 2px solid #DDD;
		border-right: 2px solid #CCC;
		background-color: #EEE;
		padding: 1px;
		width: 300px;
		height: 345px;
		position: absolute;
		top: 355px;
		left: 1106px;
	}
	
		.layersWindow .dataList
		{
			height: 250px;
		}
		
		
	.mapsWindow
	{
		border-top: 2px solid #DDDDDD;
		border-bottom: 2px solid #DDDDDD;
		border-right: 2px solid #CCCCCC;
		background-color: #EEEEEE;
		padding: 1px;
		width: 300px;
		height: 250px;
		position: absolute;
		top: 100px;
		left: 1106px;
	}
	
		.mapsWindow .dataList
		{
			height: 150px;
		}
		
		
			
	/*POPUP*/
	
	.openProjectLayout
	{
		position: absolute;
		z-index: 200;
		padding: 15px;
		background-color: #0080C0;
		border: 5px solid #13B6EC;
		color: black;
		top: 300px;
		left: 500px;
		display: none;
	}